﻿<script src="../../Scripts/jquery-1.4.4.js" type="text/javascript"></script>
<script type="text/javascript" src="../../Scripts/jquery-plugin.js"></script>
<ul style="list-style: none; height: 36px; margin: 0; padding: 0;">
    <li>
        <div style="">
            <div>
                @Html.ActionLink("Product", "Index", "Product")
            </div>
        </div>
    </li>
    <li>
        <div>
            <div>
                @Html.ActionLink("Review", "Review", "Product")
            </div>
        </div>
    </li>

    <li style="float: right">
        <div>
            <div>
                <a>Cart</a>
            </div>
        </div>
    </li>
    <li style="float: right">
        <div>
            <div>
                <a>Register</a>
            </div>
        </div>
    </li>
    <li id="login-button" class="menuitem-noborderleft" style="float: right">
        <div>
            <div>
                <a href="http://www.google.com.vn">Login</a>
            </div>
        </div>
    </li>
</ul>
<div id="login-panel">
    <div style="height: 35px; border-bottom: 1px solid red; text-align: center; vertical-align: middle;">
        Login type:
    </div>
    <input type="text" />
    <br />
    <input type="text" />
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('#login-button').click(function () {
            $('#login-panel').scrollToggle();
            return false;
        });
    });
</script>
